import React, { Component } from 'react';
import { Row, Col } from 'antd';
import Courses from '@layout/card/courses/Courses'
import './Panel.less'
// data
import data from '@assets/data/courses.js'

class Panel extends Component {
    constructor(props) {
        super(props);
    }
    render() {
        let courses = data.map((v,i)=>{
            return (<Col span={6} key={i}>
                <Courses  card={v}></Courses>
            </Col>)
        })
        return (
            <div>
                {/* 标题：精品课程 */}
                <Row>
                    <Col className="tit" span={24}>
                        <span className='line'>
                            <span className='txt'>精品课程</span>
                        </span>
                    </Col>
                </Row>
                <Row gutter={16}>
                    {courses}
                </Row>
            </div>
        )
    }
}
export default Panel;